<template>
  <div class="app-container">
    <el-image :src="url" />
  </div>
</template>

<script>
import { generateQRUrl } from '../api/wx-account'
import { wxCreateqrcode } from '../api/wx_qrcode'
export default {
  data() {
    return {
      url: ''
    }
  },
  created() {
    this.getGenerateQRUrl()
  },
  methods: {
    receiveMessage(event) {
      // event.data 是 iframe 内部发出的消息
      console.log('Received message:', event, event.data)
    },
    onIframeLoad(e) {
      const currentURL = this.$refs.iframe.ownerDocument.location.href
      console.log('当前地址:', e, currentURL)
    },
    getGenerateQRUrl() {
      console.log('getGenerateQRUrl', this.$route)
      wxCreateqrcode({ time_type: 1, scene: 'login' }).then((res) => {
        this.url = res.data.url
        // 在弹窗中生成二维码
        this.dialogVisible = true
      })
    },
    iframeChange(e) {
      console.log('iframeChange', e, e.target)
    }
  }
}
</script>

    <style scoped>
    /* 在这里可以添加你的样式 */
    iframe {
      border: none;
      width: 100%;
      height: 500px; /* 或者你可以使用其他高度 */
    }
    </style>
